/**index.wxss**/
.list{  }
.item{ border-bottom: 1px solid #e0e0e0; padding: 10px; display: flex; background: #fff; }
.item .avatar {  width: 15%; padding-right: 5px; }
.item .avatar a{ display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; }
.item .avatar img{ width: 100%; }
.item .info{ width: 85%; }
.item .info .intro{ width: 100%; }
.item .info .intro .pic{ width: 100%; margin-top: 10px; }
.item .info .intro .pic img{ width: 100%; }
.item .info .intro a{ text-align: justify; height: 60px; line-height: 20px; overflow: hidden; color: #666; }
.item .info .about{ margin-bottom: 5px; width: 100%; display: flex; justify-content: space-between; }
.item .info .option{ display: flex; padding-top: 10px; font-size: 14px; }
.item .info .option .time{ width: 50%; display: flex; line-height: 20px; text-align: left; font-size: 13px; color: #aaa; }
.item .info .option .reply{ width: 50%; display: flex; text-indent: 5px; line-height: 20px; justify-content: flex-end; }
.item .info .option img{ width: 20px; height: 20px; }